@import '~uxcore/assets/iconfont.css';
@import '~uxcore/assets/blue.css';
@topHeight: 78px;
@leftWidth: 200px;
@blackColor:#333;
@blueColor:#2087EB;
@whiteColor:#fff;
body {
    font-size: 14px;
    color: #333;
    background-color: #f7f7f7;
}


/*滚动条出现时不跳动*/


/*详见http://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/*/

html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow: hidden;
}


/*路由切换的样式*/

.route-enter {
    opacity: 0.01;
    transition: opacity .5s ease-in, scale(.1);
}

.route-enter.route-enter-active {
    opacity: 1;
    transition: scale(1);
}

.route-leave {
    opacity: 1;
    transition: opacity .5s ease-in, scale(.1);
}

.route-leave.route-leave-active {
    opacity: 0;
    transition: scale(.1);
}

.app {
    .kuma-container {
        @diff : 55px;
        min-height: calc(~"100vh - @{topHeight}");
        width: calc(~"100vw - @{leftWidth}");
        margin-left: @leftWidth;
        padding: 0;
    }
}

//标题栏样式
header {
    height: @topHeight;
    line-height: @topHeight;
    background-color: @blueColor;
    color: @whiteColor;
    border-bottom: 1px solid @whiteColor;
    font-weight: 600;
    .head-left{
        width: 50%;
        display: inline-block;
        svg{
            margin-left: 49px;
            transform: translateY(39%)
        }
        h2{
            display: inline-block;
            height: @topHeight;
            line-height: @topHeight;
            padding-left: 41px;
        }
    }
    .head-right{
        display: inline-block;
        width: 50%;
        text-align: right;
        font-size: 16px;
        i{
            font-weight: 200;
        }
        .quit{
            margin-right: 2rem;
            cursor: pointer;
        }
    }
    .kuma-select2{
        margin-right: 2rem;
        .kuma-select2-selection{
            background-color: @blueColor;
            color: #fff;
            border: 0;
            .kuma-select2-selection-selected-value{
                padding-right: 0;
                padding-left: 17px;
            }
        }
        .kuma-select2-search__field{
            text-indent: 10px;
        }
    }
    .kuma-select2-selection:hover .kuma-select2-arrow b{
        border-color: rgba(255,255, 255, 0.8) transparent transparent transparent;
    }
    .kuma-select2-arrow{
        b{
            border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
        }
    }
}

//menu样式修改
.kuma-menu {
    &.kuma-menu-root {
        background-color:@blackColor;
        padding-left: 0;
        color: @whiteColor;
        position: absolute;
        top: @topHeight;
        left: 0;
        bottom: 0;
        width: @leftWidth;
        text-align: center;
        font-size: 16px;
        .kuma-menu-item{
            width: 100%;
            font-size: 0.9rem;
            &::after{
                content: '';
                background: @whiteColor;
                height: 2px;
                position: absolute;
                left: 0;
                width: 100%;
            }
            &.kuma-menu-item-selected,&.kuma-menu-item-active{
                background-color: @blueColor;
                color: @whiteColor;
            }
            a{
                color:@whiteColor;
                &:hover{
                    color: @whiteColor;
                }
            }
        }
    }
}

#mapbar{
    border:1px solid @blueColor;
}